/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */




 /* //////////////// Webkit font styles start \\\\\\\\\\\\\\\ */


 @font-face {
   font-family: 'NotoSans';
   src: url('/Style Library/fonts/NotoSans-Regular-webfont.eot'); /* IE9 Compat Modes */
   src: url('/Style Library/fonts/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        /*url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
        url('/Style Library/fonts/NotoSans-Regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
        url('/Style Library/fonts/NotoSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('/Style Library/fonts/NotoSans-Regular-webfont.svg#svgNotoSans') format('svg'); /* Legacy iOS */
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
 }




 @font-face {
   font-family: 'icomoon';
   src:  url('/Style Library/fonts/icomoon.eot?w32jxk');
   src:  url('/Style Library/fonts/icomoon.eot?w32jxk#iefix') format('embedded-opentype'),
     url('/Style Library/fonts/icomoon.ttf?w32jxk') format('truetype'),
     url('/Style Library/fonts/icomoon.woff?w32jxk') format('woff'),
     url('/Style Library/fonts/icomoon.svg?w32jxk#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 


/*

 @font-face {
   font-family: 'icomoon';
   src:  url('../fonts/icomoon/icomoon.eot?8bcv0p');
   src:  url('../fonts/icomoon/icomoon.eot?8bcv0p#iefix') format('embedded-opentype'),
     url('../fonts/icomoon/icomoon.ttf?8bcv0p') format('truetype'),
     url('../fonts/icomoon/icomoon.woff?8bcv0p') format('woff'),
     url('../fonts/icomoon/icomoon.svg?8bcv0p#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
*/


 [class^="icon-"], [class*=" icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'icomoon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1.2;
   color:#8c979a;

   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }


 .icon-alarm-clock.eps:before {
   content: "\e928";
 }
 .icon-facebook:before {
   content: "\e924";
 }
 .icon-googleplus:before {
   content: "\e925";
 }
 .icon-linkedin:before {
   content: "\e926";
 }
 .icon-twitter:before {
   content: "\e927";
 }
 .icon-SU .path1:before {
   content: "\e900";
   color: rgb(164, 167, 168);
 }
 .icon-SU .path2:before {
   content: "\e901";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path3:before {
   content: "\e902";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path4:before {
   content: "\e903";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path5:before {
   content: "\e904";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path6:before {
   content: "\e905";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path7:before {
   content: "\e906";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path8:before {
   content: "\e907";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path9:before {
   content: "\e908";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path10:before {
   content: "\e909";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path11:before {
   content: "\e90a";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path12:before {
   content: "\e90b";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path13:before {
   content: "\e90c";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path14:before {
   content: "\e90d";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path15:before {
   content: "\e90e";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path16:before {
   content: "\e90f";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path17:before {
   content: "\e910";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path18:before {
   content: "\e911";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path19:before {
   content: "\e912";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path20:before {
   content: "\e913";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path21:before {
   content: "\e914";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path22:before {
   content: "\e915";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path23:before {
   content: "\e916";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path24:before {
   content: "\e917";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path25:before {
   content: "\e918";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path26:before {
   content: "\e919";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path27:before {
   content: "\e91a";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path28:before {
   content: "\e91b";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path29:before {
   content: "\e91c";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path30:before {
   content: "\e91d";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path31:before {
   content: "\e91e";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path32:before {
   content: "\e91f";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path33:before {
   content: "\e920";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path34:before {
   content: "\e921";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }
 .icon-SU .path35:before {
   content: "\e922";
   margin-left: -3.0107421875em;
   color: rgb(139, 41, 66);
 }
 .icon-SU .path36:before {
   content: "\e923";
   margin-left: -3.0107421875em;
   color: rgb(164, 167, 168);
 }



 /*//////////////// Webkit font styles end \\\\\\\\\\\\\\\*/


 /*//////////////// custom font sizes end \\\\\\\\\\\\\\\*/


.icosm{
  font-size:90%!Important;
}

.icon{
  font-size:100%!Important;
}

.icolg{
  font-size:150%!Important;
}



.icoxl{
  font-size:250%!Important;
}



.icoxxl{
  font-size:1000%!Important;
}

.steico{
  font-size:500%!Important;
}

.steicofoot{
  font-size:400%!Important;
}

  /*//////////////// custom font sizes end \\\\\\\\\\\\\\\*/



html {
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size:1em!Important;
  line-height:1.2!Important;
  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;
  background-color:#60223b!Important; /* stellenbosch grey*/
  color:#8c979a!Important; /* stellenbosch grey*/
}

/* Remove the margin in all browsers (opinionated). */

body {
  margin: 0!Important;
  background-color:#ececec!Important; /* stellenbosch light grey*/
    color:#8c979a!Important; /* stellenbosch grey*/
}



 /*  //////////////  A Tags \\\\\\\\\\\\\\\\\\\\\  */



/*
 a {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; 
       font-weight:normal!Important;
   -webkit-transition: color .4s!Important;
      font-size:100%!Important;
   transition: color .4s!Important;
   color: #8c979a!Important;
   font-weight:normal!Important;
   text-decoration:none!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
 }


 a:link, a:visited {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; 
        font-size:100%!Important;
       font-weight:normal!Important;
   color: #8c979a!Important;
   font-weight:normal!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
 }

 a:hover {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; 
   color: #585e60!Important;
           font-size:100%!Important;
   text-decoration:none!Important;
   -webkit-transition: color .4s!Important;
   transition: color .4s!Important;
   font-weight:300!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;

 }

 a:active {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; 
        font-size:100%!Important;
       font-weight:normal!Important;
   -webkit-transition: color .3s!Important;
   transition: color .3s!Important;
   font-weight:normal!Important;
   color: #8c979a!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
 }

 .link {
     font-family: 'NotoSans', Helvetica, sans-serif!Important;
        font-size:100%!Important;
       font-weight:normal!Important;
   text-decoration: none!Important;
   font-weight:normal!Important;
   -webkit-transition: color .4s!Important;
   transition: color .4s!Important;
   color: #8c979a!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;

 }


*/



 a.lan:link,  a.lan:visited {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
        font-size:90%!Important;
       font-weight:normal!Important;
   color: #8c979a!Important;
   font-weight:normal!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
      text-transform: uppercase;
 }

a.lan:hover {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
   color: #697174!Important;
                  font-size:90%!Important;
   text-decoration:none!Important;
   -webkit-transition: color .4s!Important;
   transition: color .4s!Important;
   font-weight:300!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
  text-transform: uppercase;

 }

 a.lan:active {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
          font-size:90%!Important;
       font-weight:normal!Important;
   -webkit-transition: color .3s!Important;
   transition: color .3s!Important;
   font-weight:normal!Important;
   color: #697174!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
      text-transform: uppercase;
 }









  a.study:link,  a.study:visited {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
         font-size:90%!Important;
        font-weight:normal!Important;
    color: #8c979a!Important;
    font-weight:normal!Important;
       text-decoration:none!Important;
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;

  }

 a.study:hover {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    color: #697174!Important;
                   font-size:90%!Important;
    text-decoration:none!Important;
    -webkit-transition: color .4s!Important;
    transition: color .4s!Important;
    font-weight:300!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;


  }

  a.study:active {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
           font-size:90%!Important;
        font-weight:normal!Important;
    -webkit-transition: color .3s!Important;
    transition: color .3s!Important;
    font-weight:normal!Important;
    color: #697174!Important;
       text-decoration:none!Important;
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;

  }




 a.SteWhitel:link,  a.SteWhitel:visited {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
        font-size:100%!Important;
       font-weight:normal!Important;
   color: #fff!Important;
   font-weight:normal!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
      text-transform: uppercase;
 }

a.SteWhitel:hover {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
   color: #f5f5f5!Important;
                  font-size:100%!Important;
   text-decoration:none!Important;
   -webkit-transition: color .4s!Important;
   transition: color .4s!Important;
   font-weight:300!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
  text-transform: uppercase;

 }

 a.SteWhitel:active {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
          font-size:100%!Important;
       font-weight:normal!Important;
   -webkit-transition: color .3s!Important;
   transition: color .3s!Important;
   font-weight:normal!Important;
   color: #ffff!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
      text-transform: uppercase;
 }
 
 
 
 
 a.signIn:link,  a.signIn:visited {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
        font-size:100%!Important;
       font-weight:normal!Important;
   color: #fff!Important;
   font-weight:normal!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
      text-transform: uppercase;
  background-color:#44182A!Important;
          display:inline-block!Important;
                width:100%!Important;
                  height:60px!Important;
                      line-height:60px!Important;
                      text-align:center!Important;
                       }

a.signIn:hover {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
   color: #f5f5f5!Important;
                  font-size:100%!Important;
   text-decoration:none!Important;
   -webkit-transition: color .4s!Important;
   transition: color .4s!Important;
   font-weight:300!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
  text-transform: uppercase;

          background-color:#60223b!Important;
      display:inline-block!Important;
                width:100%!Important;
                height:60px!Important;
                    line-height:60px!Important;
                        text-align:center!Important;
                    


 }

 a.signIn:active {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
          font-size:100%!Important;
       font-weight:normal!Important;
   -webkit-transition: color .3s!Important;
   transition: color .3s!Important;
   font-weight:normal!Important;
   color: #ffff!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
      text-transform: uppercase;
        background-color:#4D1B2F!Important;
            display:inline-block!Important;
                width:100%!Important;
                  height:60px!Important;
                      text-align:center!Important;

 }
 
 
 
 
 a.steMobile:link,  a.steMobile:visited {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
             font-size:180%!Important;
       font-weight:normal!Important;
   color: #fff!Important;
   font-weight:normal!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
      text-transform: uppercase;

 }

a.steMobile:hover {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
   color: #697174!Important;
             font-size:160%!Important;
   text-decoration:none!Important;
   -webkit-transition: color .4s!Important;
   transition: color .4s!Important;
   font-weight:100!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
  text-transform: uppercase;

         color: #fff!Important;

 }

 a.steMobile:active {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
             font-size:160%!Important;
       font-weight:normal!Important;
   -webkit-transition: color .3s!Important;
   transition: color .3s!Important;
   font-weight:normal!Important;
   color: #fff!Important;
      text-decoration:none!Important;
      -webkit-font-smoothing: antialiased!Important;
      -moz-osx-font-smoothing: grayscale!Important;
      text-transform: uppercase;
    
 }




 
 a.o365button:link, a.o365cs-contextMenuItem:link, a.ms-fcl-b:link {
	
	color:#000!Important;
}

 a.o365button:visited, a.o365cs-contextMenuItem:visited, a.ms-fcl-b:visited{
	
	color:#000!Important;
}

 a.o365button:hover, a.o365cs-contextMenuItem:hover, a.ms-fcl-b:hover{
	
	color:#000!Important;
}


 a.o365button:active, a.o365cs-contextMenuItem:active, a.ms-fcl-b:active{
	
	color:#000!Important;
}


.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a,
.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a:link,
.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a:visited;
.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a:hover
.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a:acrive
{
	
	color:#000!Important;
}


#O365_SubLink_SuiteMenu_zz8_MenuItem_Settings
{
	
	color:#000!Important;
}




.mobHead {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
   color: #697174!Important;
             font-size:160%!Important;
   text-decoration:none!Important;
   -webkit-transition: color .4s!Important;
   transition: color .4s!Important;
   font-weight:100!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
  text-transform: uppercase;

         color: #fff!Important;

 }

 

 



  /*  //////////////  A Tags \\\\\\\\\\\\\\\\\\\\\  */








/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

 p {
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
   font-size:100%!Important;
     font-weight:normal!Important;
   line-height:1.2;
     color:#8c979a!Important; /* stellenbosch grey*/
     -webkit-font-smoothing: antialiased!Important;
     -moz-osx-font-smoothing: grayscale!Important;

 }




.library {
     font-family: 'Gill Sans', sans-serif!Important; /* 1 */
   font-size: 200%!Important;
   margin:0!Important;
   font-weight:normal!Important;
  line-height:1.2!Important;
  color:#8c979a!Important; /* stellenbosch grey*/
  padding:0!Important;
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;
display:block;
  text-transform: uppercase;
 }
 
 .libraryb {
     font-family: 'Gill Sans', sans-serif!Important; /* 1 */
   font-size: 180%!Important;
   margin:0!Important;
   font-weight:normal!Important;
  line-height:1.2!Important;
  color:#8c979a!Important; /* stellenbosch grey*/
  padding:0!Important;
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;
display:block;
  text-transform: uppercase;
 }


 .infoservice {
      font-family: 'Gill Sans', sans-serif!Important; /* 1 */
    font-size: 140%!Important;
    margin:0!Important;
    font-weight:normal!Important;
   line-height:1.2!Important;
   color:#60223b!Important; /* stellenbosch grey*/
   padding:0!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
display:block;
     text-transform: uppercase;
  }
  
  
   .infoserviceb {
      font-family: 'Gill Sans', sans-serif!Important; /* 1 */
    font-size: 120%!Important;
    margin:0!Important;
    font-weight:normal!Important;
   line-height:1.2!Important;
   color:#60223b!Important; /* stellenbosch grey*/
   padding:0!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
display:block;
     text-transform: uppercase;
  }


.stetitlespace{
padding-top: .9%;
}

.stetitlespace2{
padding-top: .9%;
}

.text-right{
  text-align:right!Important;
}


.noRadius{
	
	border-radius:0!Important;
}
 /*  //////////////  Headers \\\\\\\\\\\\\\\\\\\\\  */


h1 {
    font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 250%!Important;
  margin:0!Important;
  font-weight:normal!Important;
     line-height:1.2!Important;
       color:#8c979a!Important; /* stellenbosch grey*/
       padding:0!Important;
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;
}


.h1 {
    font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 350%!Important;
  margin:0!Important;
  font-weight:normal!Important;
     line-height:1.2!Important;
       color:#white!Important; /* stellenbosch grey*/
       padding:0!Important;
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;
          border-bottom:4px solid #912765!Important;
          padding:30px 30px 0;
}

.h1b {
    font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 250%!Important;
  margin:0!Important;
  font-weight:normal!Important;
     line-height:1.2!Important;
       color:#white!Important; /* stellenbosch grey*/
       padding:0!Important;
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;
          border-bottom:4px solid #912765!Important;
          padding:30px 30px 0;
}


h2 {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 200%!Important;
  margin:0!Important;
  font-weight:normal!Important;
     line-height:1.2!Important;
       color:#8c979a!Important; /* stellenbosch grey*/
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;
        padding:0!Important;
}

.h2 {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 200%!Important;
  margin:0!Important;
  font-weight:normal!Important;
     line-height:1.2!Important;
       color:#fff!Important; /* stellenbosch grey*/
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;

}


h3 {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 150%!Important;
  margin:0!Important;
  font-weight:normal!Important;
     line-height:1.2!Important;
       color:#8c979a!Important; /* stellenbosch grey*/
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;
}


.h3 {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 150%!Important;
  margin:0!Important;
  font-weight:normal!Important;
     line-height:1.2!Important;
       color:#fff!Important; /* stellenbosch grey*/
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;
}




h4 {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 120%!Important;
  margin:0!Important;
     line-height:1.2!Important;
     font-weight:normal!Important;
       color:#8c979a!Important; /* stellenbosch grey*/
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;
        padding:0!Important;
}


h5 {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 100%!Important;
  margin:0!Important;
  font-weight:normal!Important;
     line-height:1.2!Important;
       color:#8c979a!Important; /* stellenbosch grey*/
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;
        padding:0!Important;
}

h6 {
      font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
  font-size: 80%!Important;
  margin:0!Important;
  font-weight:normal!Important;
     line-height:1.2!Important;
       color:#8c979a!Important; /* stellenbosch grey*/
       -webkit-font-smoothing: antialiased!Important;
       -moz-osx-font-smoothing: grayscale!Important;
        padding:0!Important;
}

 /*  //////////////  Headers \\\\\\\\\\\\\\\\\\\\\  */



ul, ul li, ul li a, ul li .link,  ul li .a {
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
font-size: 100%!Important;
margin:0!Important;
font-weight:normal!Important;
 line-height:2!Important;
   color:#8c979a!Important; /* stellenbosch grey*/
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
}

ol, ol li, ol li a, ol li .link,  ol li .a{
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
font-size: 100%!Important;
margin:0!Important;
font-weight:normal!Important;
 line-height:2!Important;
   color:#8c979a!Important; /* stellenbosch grey*/
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;
}






/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}



/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ececec!Important;
 color:#8c979a!Important; /* stellenbosch grey*/
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
   color:#8c979a!Important; /* stellenbosch grey*/
   border:.5px solid #dddddd!Important; /* stellenbosch grey*/
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}





/* ////////////////////////////////////   Custom Additions Start Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

ul{

  line-height:200%;

}





/* ////////////////////////////////////   Custom Additions End Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */






/* ////////////////////////////////////   Colors Start Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.steDarkMaroon{
	  background-color:#44182A!Important;
}
.steGrey{
  color:#8c979a!Important; /* stellenbosch grey*/
}

.steGreyb{
  background-color:#8c979a!Important; /* stellenbosch grey*/
}

.steLightgrey{
  color:#ececec!Important; /* stellenbosch grey*/
}


.stelogin{
	
color:#f5f5f5!Important;	
}


.steLightgreyb{
  background-color:#ececec!Important; /* stellenbosch grey*/
}
.steLightgreyb2{
  background-color:#f5f5f5!Important; /* stellenbosch grey*/
}


.steBarGrey{
  background-color:#f5f5f5!Important; /* stellenbosch grey*/
}

.steWhite{
  color:#ffffff!Important; /* stellenbosch grey*/
}

.steWhiteb{
  background-color:#ffffff!Important; /* stellenbosch grey*/
}


.steMaroon{
  color:#60223b!Important; /* stellenbosch maroon*/
}

.steMaroonb{
  background-color:#60223b!Important; /* stellenbosch grey*/
}

.steLime{

  background-color:#4ba20b!Important;
}

.steRoyal{
  background-color:#7f5a83;
}


.text-left {
    text-align: left!Important;
}


.steSignIn{
	
	height:60px!Important;
}
/* ////////////////////////////////////   Colors End Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */






/* ////////////////////////////////////   Custom Button Classes Start Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* customize default button */

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
font-size: 100%!Important;
font-weight:normal!Important;
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;
border:1px solid #8c979a!Important;
color:#8c979a!Important;
background-color:white!Important;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .dropdown-toggle.btn {
    background: #33a6cc;
    color:#697174!Important;
}



.btn-primary {
    background: #0099cc;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}

.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}

/* customize default button */



.btn-darkmaroon {
    background: #3C1525!Important;
    color: #ffffff!Important;
        border:none!Important;
                box-shadow: none!Important;
                font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
            font-size: 100%!Important;
            font-weight:normal!Important;
            -webkit-font-smoothing: antialiased!Important;
            -moz-osx-font-smoothing: grayscale!Important;
}

.btn-darkmaroon:hover, .btn-darkmaroon:focus, .btn-darkmaroon:active, .btn-darkmaroon.active, .open > .dropdown-toggle.btn-darkmaroon {
    background: #3C1525!Important;
    border:none!Important;
        box-shadow: none!Important;
        -webkit-transition: color .4s!Important;
        transition: color .4s!Important;
        font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    font-size: 100%!Important;
        color: #ffffff!Important;
    font-weight:normal!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
}

.btn-darkmaroon:active, .btn-darkmaroon.active {
    background: #3C1525;
        color: #ffffff!Important;
    box-shadow: none;
        border:none!Important;
        font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    font-size: 100%!Important;
    font-weight:normal!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
}







.btn-maroon {
    background: #60223b!Important;
    color: #ffffff!Important;
        border:none!Important;
                box-shadow: none!Important;
                font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
            font-size: 100%!Important;
            font-weight:normal!Important;
            -webkit-font-smoothing: antialiased!Important;
            -moz-osx-font-smoothing: grayscale!Important;
}

.btn-maroon:hover, .btn-maroon:focus, .btn-maroon:active, .btn-maroon.active, .open > .dropdown-toggle.btn-maroon {
    background: #481a2c!Important;
    border:none!Important;
        box-shadow: none!Important;
        -webkit-transition: color .4s!Important;
        transition: color .4s!Important;
        font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    font-size: 100%!Important;
        color: #ffffff!Important;
    font-weight:normal!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
}

.btn-maroon:active, .btn-maroon.active {
    background: #481a2c;
        color: #ffffff!Important;
    box-shadow: none;
        border:none!Important;
        font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    font-size: 100%!Important;
    font-weight:normal!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
}



.btn-grey {
    background: #8c979a!Important;
    color: #ffffff!Important;
        color: #ffffff!Important;
        border:none!Important;
                box-shadow: none!Important;
                font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
            font-size: 100%!Important;
            font-weight:normal!Important;
            -webkit-font-smoothing: antialiased!Important;
            -moz-osx-font-smoothing: grayscale!Important;
}

.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open > .dropdown-toggle.btn-grey {
    background: #7b8487!Important;
    border:none!Important;
        color: #ffffff!Important;
        box-shadow: none!Important;
        -webkit-transition: color .4s!Important;
        transition: color .4s!Important;
        font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    font-size: 100%!Important;
    font-weight:normal!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
}

.btn-grey:active, .btn-grey.active {
    background: #7b8487;
    box-shadow: none!Important;
        color: #ffffff!Important;
        border:none!Important;
        font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    font-size: 100%!Important;
    font-weight:normal!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
}






.btn-default {
    background: #8c979a!Important;
    color: #ffffff!Important;
        color: #ffffff!Important;
        border:none!Important;
                box-shadow: none!Important;
                font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
            font-size: 100%!Important;
            font-weight:normal!Important;
            -webkit-font-smoothing: antialiased!Important;
            -moz-osx-font-smoothing: grayscale!Important;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background: #7b8487!Important;
    border:none!Important;
        color: #ffffff!Important;
        box-shadow: none!Important;
        -webkit-transition: color .4s!Important;
        transition: color .4s!Important;
        font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    font-size: 100%!Important;
    font-weight:normal!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
}

.btn-default:active, .btn-default.active {
    background: #7b8487;
    box-shadow: none!Important;
        color: #ffffff!Important;
        border:none!Important;
        font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    font-size: 100%!Important;
    font-weight:normal!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
}




/* ////////////////////////////////////   Custom Button Classes End Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/*

.ns_nerveSlider .ns_dots {
    position: absolute;
    top: 0;
    right: 0;
    padding: 30px;
    z-index: 200;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: auto 0;
    bottom: 0;
    left: 45%;
}

*/

.ipadFont{
	

font-size:62%!Important;

}

.ipadFont2{
	

font-size:46%!Important;

}

.ipadFont3{
	

font-size:92%!Important;

}


.ipadFont4{
	

font-size:66%!Important;

}



.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.steNoList{
  list-style-type:none!Important;

}

.noPad{
  padding:0!Important;
}

.noPadL{
  padding-left:0!Important;
}

.noPadB{
  padding-bottom:0!Important;
}


.noPadR{
  padding-right:0!Important;
}



.mar30t{

  margin-top:30px!Important;
}

.mar30b{

  margin-bottom:30px!Important;
}


.mar40t{

  margin-top:40px!Important;
}

.mar20t{

  margin-top:20px!Important;
}



.mar10t{

  margin-top:10px!Important;
}




.mar5t{

  margin-top:5px!Important;
}


.mar15t{

  margin-top:15px;
}

.mar15b{

  margin-bottom:15px;
}



.noMar{
  margin:0!Important;
}

.pad15{

  padding:15px!Important;

}

.my100{

  width:100%!Important;
}

.pad1L{
  padding-left:1px!Important;
}

.padR{
  padding-right:1px!Important;
}



.pad5L{
  padding-left:5px!Important;
}

.pad5R{
  padding-right:5px!Important;
}


.pad10L{
  padding-left:10px!Important;
}

.pad10R{
  padding-right:10px!Important;
}



.pad5t{
  padding-top:5px!Important;
}

.pad5b{
  padding-bottom:5px!Important;
}



.pad10t{
  padding-top:10px!Important;
}

.pad10b{
  padding-bottom:10px!Important;
}

.pad15t{
  padding-top:15px!Important;
}

.pad15b{
  padding-bottom:15px!Important;
}

.pad20t{
  padding-top:20px!Important;
}

.pad20b{
  padding-bottom:20px!Important;
}


.pad15l{
  padding-left:15px!Important;
}

.pad15r{
  padding-right:15px!Important;
}



.pad30t{
  padding-top:30px!Important;
}

.pad30b{
  padding-bottom:30px!Important;
}


.pad60t{
  padding-top:60px!Important;
}

.pad60b{
  padding-bottom:60px!Important;
}


.pad5{
  padding:5px!Important;
}

.pad10{
  padding:10px!Important;
}


.pad15{
  padding:15px!Important;
}

.pad20{
  padding:20px!Important;
}

.pad30{
  padding:30px!Important;
}

.steNoLines{
  border:none!Important;

}

.mauto{
	
	margin:auto!Important;
}
/* ////////////////////////////////////   Padding and Margins  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


.tabs {
  width: 100%;
  float: none;
  list-style: none;
  position: relative;
  margin: 80px 0 0 10px;
}
.tabs li {
  float: left;
  display: block;
}
.tabs input[type="radio"] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs label {
  display: block;
  /*padding: 14px 21px;*/
  padding: 14px 127px;
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;





}
.tabs [id^="tab"]:checked + p {
    color:black;
    -moz-transition: all 2.2s ease-in-out;
    -o-transition: all 2.2s ease-in-out;
    -webkit-transition: all 2.2s ease-in-out;
    transition: all 2.2s ease-in-out;
}
.tabs label:hover {
  background: #fff;
}
.tabs .tab-content {
  z-index: 2;
  display: none;
  /*overflow: hidden;*/
  width: 100%;
  font-size: 17px;
  line-height: 25px;
  padding: 25px;
  position: absolute;
  top: 63px; /* was 53*/
  left: 0;
  background: #fff;
  height:220px;

}
.tabs [id^="tab"]:checked + label {
  background: #fff;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}



/* //////////////////// Form Controls REDONE \\\\\\\\\\\\\\\\\\\\\*/




select {
  border: 1px solid #ececec!Important;
  padding: 13px;
  width: 100%;
  height: 52px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important;
  font-weight: normal!Important;
  -ms-text-size-adjust: 100%!Important;
  -webkit-text-size-adjust: 100%!Important;
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;
  font-size: 100%;
  color: #8c979a!Important;
}


.card {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 2px;
    background: #fff;
    border:1px solid #c7c7c7;

}


input[type=search] {
    -webkit-appearance: none;
padding: 30px 30px 30px 10px;
    font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
    font-weight:normal!Important;
    -ms-text-size-adjust: 100%!Important;  /* 2 */
    -webkit-text-size-adjust: 100%!Important;  /* 2 */
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
    font-size: 100%;
      color:#8c979a!Important; /* stellenbosch grey*/
}


input[type="search"], input[type="password"], input[type="text"]
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px!Important; /* Increase height as required */
    margin-bottom: 20px;
    padding: 0 20px; /* Now only left & right padding */
}


input[type="search"]:focus, input[type="password"]:focus, input[type="text"]:focus
{
    background-color:white!Important;
    }

.ms-srch-sb ms-srch-sb-borderFocused{
	  background-color:white!Important;
	          border-radius:5px!Important;
	  }


.ms-srch-sb-borderFocused {
    border: 1px solid white!Important;
        border-radius:5px!Important;
      background-color:white!Important;
      width:100%;
}

.ms-srch-sb-border:hover {

      border: 1px solid white!Important;
        border-radius:5px!Important!Important;
      background-color:white!Important;

}


#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox 

{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px!Important;
    margin-bottom: 0!Important;
    padding: 3px 10px  10px 10px;
    border-radius:5px!Important;
    width:100%!Important;

    
 }



.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #8c979a!Important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    display: block;
    width: 100%;
}


/* //////////////////// Form Controls REDONE \\\\\\\\\\\\\\\\\\\\\*/









/************************************************************
*************************Footer******************************
*************************************************************/


.footer1 {
    background-color: #fff;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;/*	border-top-width: 4px;
	border-top-style: solid;*/
	border: 1px solid  #dcdcdc;
}



.title-widget {
	color: #898989;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	position: relative;
	text-transform:none;
  font-family: 'NotoSans', Helvetica, sans-serif!Important;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-left: 15px;
}

.title-widget::before {
    background-color: #8c979a;
    content: "";
    height: 22px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 5px;
}



.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
}

.widget_archive ul li {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 3px;
}


.widget_nav_menu ul li {
    font-size: 13px;
    font-weight: 700;
    line-height:40%;
	position: relative;
    text-transform: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 7px;
padding: 5px 0;
	width:95%;
}


.widget_nav_menu ul li:last-child {

	border-bottom: 0 solid rgba(0, 0, 0, 0.05);

}




.widget_nav_menu ul li a{


    line-height:40%;

}




h4.title-median {
    color: #636363;
    font-size: 70%;
    line-height: 20px;
    margin: 0 0 15px 15px;
    padding:0 0 15px 0;
    text-transform: uppercase;
  font-family: 'NotoSans', Helvetica, sans-serif!Important;
}




#social:hover {
    			-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
			}
			#social {
				-webkit-transform:scale(0.8);
                /* Browser Variations: */
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
			}
/*
    Only Needed in Multi-Coloured Variation
                                               */
			.social-fb:hover {
				color: #3B5998;
			}
			.social-tw:hover {
				color: #4099FF;
			}
			.social-gp:hover {
				color: #d34836;
			}
			.social-em:hover {
				color: #f39c12;
			}
			.nomargin { margin:0px; padding:0px;}





.footer-bottom {
    background-color: #fff;
    min-height: 30px;
    width: 100%;
    border-bottom:1px solid #dcdcdc;
}
.footer-bottom2 {
    background-color: #fff;
    min-height: 30px;
    width: 100%;
   
}



.copyright {
    color: #636363;
    line-height: 67px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
    color: #636363;
    line-height: 67px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #fff;
}


.footer1 ul li h3{

  padding-bottom:20px;
}




.u{
-webkit-box-shadow: 4px 8px 17px 0 rgba(0, 0, 0, 0.6), 4px 6px 20px 0 rgba(0, 0, 0, 0.30);
box-shadow: 4px 8px 17px 0 rgba(0, 0, 0, 0.6), 4px 6px 20px 0 rgba(0, 0, 0, 0.30);
}

.u2{
-webkit-box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.4), 2px 1px 3px 0 rgba(0, 0, 0, 0.10);
box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.4), 2px 1px 3px 0 rgba(0, 0, 0, 0.10);
}

.u3{
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 0 3px 0 rgba(0, 0, 0, 0.10);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 0 3px 0 rgba(0, 0, 0, 0.10);
}


/************************************************************
*************************Footer******************************
*************************************************************/



/* Preloader Style STARTS */

   .no-js #loader { display: none;  }
   .js #loader { display: block; position: absolute; left: 100px; top: 0; }
   .se-pre-con {
   	position: fixed;
   	left: 0px;
   	top: 0px;
   	width: 100%;
   	height: 100%;
   	z-index: 9999;
   	background: url(/Style Library/Images/loading.gif) center no-repeat #fff;


}
/* Preloader Style ENDS */



.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}



.hide{
	display:none!Important;
}

.container .row ul {
	
	list-style-type:none!Important;
	
}



/* +++ //////////////////////////////////////////////////// SHAREPOINT CHANGES CLASSES STARTS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\  +++*/

#contentBox {
     margin-right: 0!Important; 
     margin-left: 0!Important;  
    min-width: 100%!Important; 
}


#contentRow {
    /*padding-top: 19px;*/
        padding-top: 0;
}


#pageStatusBar[class], .ms-status-msg {
    position: static;
    margin-bottom: 15px;
    padding: 7px 10px;
    border-width: 1px;
    border-style: solid;
    color: #444;
    text-align: center; /*added*/
    border: 0;/*added*/
}


.o365cs-base .ms-bgc-tp, .o365cs-base .ms-bgc-tp-h:hover, .o365cs-base.ms-bgc-tp {
   /* background-color: #0078D7;*/
    background-color: #60223b!Important; /* stellenbosch maroon*/
}


#DeltaPlaceHolderMain{
	
	    background-color:#ececec!Important;
	        padding: 30px!Important;
}


.bootstrap-select {
   color: #8c979a!Important; 
      font-size: 100%!Important; 
}

::-webkit-input-placeholder {
   color: #8c979a!Important; 
         font-size: 100%!Important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #8c979a!Important;
         font-size: 100%!Important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #8c979a!Important;
         font-size: 100%!Important;  
}

:-ms-input-placeholder {  
   color: #8c979a!Important; 
         font-size: 100%!Important;  
}



.ms-core-listMenu-horizontalBox {
    color: #666666;
    display: inline-block;
    vertical-align: middle;
    color: white !important;
    height: 60px!Important;
    line-height: 60px!Important;
    padding-top: 2px!Important; 
}

.ms-mpSearchBox {
    width: 100%!Important;
        height: 60px!Important;
}

#searchInputBox {
    margin-bottom: 0;
    float: right;
    margin-top: 9px;
    width:100%;
}

.ms-srch-sb-border {
    border: 1px solid #ababab;
    border-radius: 5px;
}

.ms-srch-sb-border {
    border: 1px solid #ababab;
    border-radius: 5px;
    width: 100%;
    background-color: white!Important;
}



/*This is the main list row of the main menu*/
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	
    text-decoration: none;
    color: white!Important;
    font-size: 150%!Important;
    text-transform: uppercase!Important;
    
     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
       font-weight:normal!Important;
   -webkit-transition: color .4s!Important;
      transition: color .4s!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;


}  
 
 /*This is the drop down container of the main menu*/
.ms-core-listMenu-horizontalBox ul.dynamic {
	
	background:white;
	padding-left:10px;
	width:400px!Important;
	display:inline;
	list-style-type:none;
	border-radius:10px;
}

/*Link tag in the first level dropdown menu*/
ul.dynamic .ms-core-listMenu-item
{
	font-size:120%!Important;
	    font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
       font-weight:normal!Important;
   -webkit-transition: color .4s!Important;
   transition: color .4s!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;

}



/*This is  hover style of a seletec first level dropdown menu*/
ul.dynamic .ms-core-listMenu-item:hover
{
	background:#ececec!Important;
}
/*This is  padding style of a seletec first level dropdown menu*/
ul.dynamic .ms-core-listMenu-item {
	
	padding: 10px;
}

/* drop down arrow on main menu*/
  
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    padding-right: 26px;
    background-image:none!Important;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}  


.ms-srch-sb > .ms-srch-sb-searchLink {
    margin-left: -1px;
    height: 20px;
    width: 20px;
    /* padding-right: 60px; */
    margin-right: 15px!Important;
    margin-top: 8px!Important;
}


.tableCol-33 {
    display: table-cell;
    min-width: 33.2%;
    padding: 3px;
}


.ms-PartSpacingVertical
{
    margin-bottom: 3px!Important;
}

.ms-PartSpacingHorizontal
{
   margin-right: 3px;
}


/* style to overide height issues */


/* style to overide height issues */



/*search box*/
.ms-helperText, input.ms-helperText
{
	color: #8c979a;
	     font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
       font-weight:normal!Important;
       font-size:120%;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;

}




.o365button o365cs-contextMenuItem ms-fcl-b {
	
	color:red!Important;
}


.ms-webpartzone-cell {
    margin: auto auto 40px!Important;
}

.width33{
	
	width:33.3%!Important;
}


#DeltaPlaceHolderPageTitleInTitleArea{
	font-size:90%!Important;
}

#s4-titlerow {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 16px;
    padding-bottom: 19px;
    background-color: #8c979a;
    height: 80px;
}

.box{
	overflow:hidden!Important;
}


#s4-bodyContainer {
	
	overflow:hidden!Important;
}


#s4-bodyContainer {
    padding-bottom: 1!Important;
}



.o365cs-base .ms-fcl-b,.o365cs-base .ms-fcl-b-h:hover{
color:#000000!Important;
}

.o365cs-base .ms-bgc-nl,.o365cs-base .ms-bgc-nl-h:hover{
background-color:#EAEAEA!Important;
}



/* hide separator before root node */
.my-breadcrumbRootNode > .s4-breadcrumb-arrowcont {
 display: none;
}

.my-breadcrumbRootNode  {
 padding: 0 10px 0 5px;
}

.my-breadcrumb  {
 padding-left:0;
}



ul.my-breadcrumb ul,
ul.my-breadcrumb li {
 display: inline!Important;
}

/* spacing around separator arrow */
.s4-breadcrumb-arrowcont {
 margin: 0 !Important;}

/* fix separator img alignment */
.s4-breadcrumb-arrowcont > span.s4-breadcrumb {
 display: inline !important; 
 overflow: auto !important;
 position: static !important;
}

/* fix separator img alignment */
.s4-breadcrumb-arrowcont > span.s4-breadcrumb img {
 position: static !important;
} 



.o365cs-nav-header16 .o365cs-nav-brandingText {
    line-height: 46px;
    display: inline-block;
    font-family: "SegoeUI-SemiLight-final","Segoe UI SemiLight","Segoe UI WPC Semilight","Segoe UI",Segoe,Tahoma,Helvetica,Arial,sans-serif;
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
    color: white;
}


#suiteBarTop{
	
	height:auto!Important;
}


/* +++ //////////////////////////////////////////////////// SHAREPOINT CHANGES CLASSES ENDS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\  +++*/




/* +++ //////////////////////////////////////////////////// BROWSER FIXES STARTS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\  +++*/

body {
overflow-y:auto!Important;
	
}



#s4-workspace {
height:auto!Important;
overflow-y:hidden!Important;
	
}




/* +++ //////////////////////////////////////////////////// BROWSER FIXES ENDS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\  +++*/


.steBodyFont {
	
    font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
   color: #585e60!Important;
           font-size:100%!Important;
   text-decoration:none!Important;
   font-weight:normal!Important;
   -webkit-font-smoothing: antialiased!Important;
   -moz-osx-font-smoothing: grayscale!Important;

}


#adLeft{
 background:url('/Style Library/Images/steadA.png');
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -ms-background-size:cover;
 -o-background-size:cover;
 background-size:cover;

}



#adRight{
 background:url('/Style Library/Images/steadB.png');
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -ms-background-size:cover;
 -o-background-size:cover;
 background-size:cover;

}


.smalla{
  background:url('/Style Library/Images/a.jpg');
  -webkit-background-size:cover;
    -moz-background-size:cover;
      background-size:cover;
      height:90px!Important;
}


.smallb{
  background:url('/Style%20Library/Images/b_backup.jpg');
  -webkit-background-size:cover;
    -moz-background-size:cover;
      background-size:cover;
       height:90px!Important;
}



.smallc{
  background:url('/Style Library/Images/f.jpg');
  -webkit-background-size:cover;
    -moz-background-size:cover;
      background-size:cover;
       height:90px!Important;
}


.smalld{
  background:url('/Style Library/Images/a.jpg');
  -webkit-background-size:cover;
    -moz-background-size:cover;
      background-size:cover;
       height:90px!Important;
}


.smalle{
  background:url('/Style%20Library/Images/b_backup.jpg');
  -webkit-background-size:cover;
    -moz-background-size:cover;
      background-size:cover;
       height:90px!Important;
}


.smallf{
  background:url('/Style Library/Images/c.jpg');
  -webkit-background-size:cover;
    -moz-background-size:cover;
      background-size:cover;
       height:90px!Important;
}

#newsList{
  list-style-type:none!Important;
  display:inline!Important;
}

.newsHead{
padding-bottom:10px!Important;
padding-left:0!Important;
text-align:left;
}


#newsCard{
  height:351px!Important;
    /*  padding-left: 25px!Important;*/
}

#userGuides{
  height:351px!Important;
      padding-left: 25px!Important;
}



.list-group {
    padding-left: 0;
    margin-bottom:0!important;
}





.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-right: 0 !Important;
      border-left: 0 !Important;
    border-radius: 0px!Important;
        text-align:center!Important;
          color:#8c979a!Important; /* stellenbosch grey*/
}


.list-group-item:first-child {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-right: 0 !Important;
      border-left: 0 !Important;
                 border-top: 0 !Important;
    border-radius: 0px!Important;
    text-align:center!Important;
      color:#8c979a!Important; /* stellenbosch grey*/
}

.list-group-item:last-child {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-right: 0 !Important;
      border-left: 0 !Important;
           border-bottom: 0 !Important;
    border-radius: 0px!Important;
        text-align:center!Important;
          color:#8c979a!Important; /* stellenbosch grey*/
}


#steBody h1 {
    font-family: 'NotoSans', Helvetica, sans-serif!Important;
    font-size: 220%!Important;
    margin: 0!Important;
    font-weight: normal!Important;
    line-height: 1.2!Important;
    color: #8c979a!Important;
    padding: 0!Important;
    -webkit-font-smoothing: antialiased!Important;
    -moz-osx-font-smoothing: grayscale!Important;
}


.blockwith{
	
	width:33.3%!important;
}


.hline {
    font-family: "NotoSans", Helvetica, sans-serif !important;
    font-size: 150% !important;
    margin: 0 !important;
    font-weight: normal !important;
    line-height: 1.2 !important;
    color: #white !important;
    padding: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    border-bottom: 4px solid #912765 !important;
    padding: 30px 30px 0;
}


.hline2 {
    font-family: "NotoSans", Helvetica, sans-serif !important;
    font-size: 150% !important;
    margin: 0 !important;
    font-weight: normal !important;
    line-height: 1.2 !important;
    color: #912765 !important;
    padding: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
 
    padding: 30px 30px 0;
}






.footer1 {
    background-color: #fff;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;/*	border-top-width: 4px;
	border-top-style: solid;*/
	border: 1px solid  #dcdcdc;
}
.onebelow{
  	border-bottom: 1px solid  #dcdcdc!Important;
}

.title-widget {
	color: #898989;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	position: relative;
	text-transform:none;
  font-family: 'NotoSans', Helvetica, sans-serif!Important;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-left: 15px;
}

.title-widget::before {
    background-color: #8c979a;
    content: "";
    height: 22px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 5px;
}



/* ++++++ ////////////////////////////// Media Queries START  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ++++++ */


/* This is for IE 10 to behave responsively */
@media screen and (max-width:400px) {
    @-ms-viewport{
        width:320px;
    }



/* ++++++++++ ////////////////////  MEDIA QUERIES START \\\\\\\\\\\\\\\\\\\\\ +++++++++++++  */


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */


.tabs label {
  display: block;
 padding: 14px 4px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;

  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}


}



/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */

.tabs label {
  display: block;
 padding: 14px 4px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;

  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */


.tabs label {
  display: block;
 padding: 14px 4px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;

  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}


}



/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 767px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */

.tabs label {
  display: block;
 padding: 14px 4px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}


}

@media only screen and (min-device-width: 414px) and (max-device-height: 767px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */


.tabs label {
  display: block;
 padding: 14px 4px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}

}




/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.tabs label {
  display: block;
 padding: 14px 10px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}
}




/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 992px) and (orientation : landscape) {
/* Styles */

.tabs label {
  display: block;
 padding: 14px 10px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}
}






/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 992px) and (orientation : portrait) {
/* Styles */

.tabs label {
  display: block;
 padding: 14px 10px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}
}









/**********  iPad 3 **********/
@media only screen and (min-device-width : 992px) and (max-device-width : 1224px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
 .tabs label {
  display: block;
 padding: 14px 21px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1224px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

 .tabs label {
  display: block;
 padding: 14px 21px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}
}




/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */

    .tabs label {
  display: block;
 padding: 14px 21px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}
}




/* Large screens ----------- */

@media only screen  and (min-width :1600px) {

    .tabs label {
  display: block;
 padding: 14px 21px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  background: #ececec;
  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}
}


/* ++++++++++ ////////////////////  MEDIA QUERIES ENDS \\\\\\\\\\\\\\\\\\\\\ +++++++++++++  */


.advanced-search{
  font-size:100%!Important;
}
.advanced-search2{
  font-size:85%!Important;
}


.hauto{
  height:auto!Important;
}

#hauto{
  height:auto!Important;
  padding-left:0;
}



.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 12px;
    line-height: 1.4285;
    vertical-align: top;
    border-top: 1px solid #F4F4F4;
    background-color: #fff;
    width: 100%;
    margin-left: 0px;
}


.panel-default > .panel-heading {
    color: #8c979a;
    padding: 15px;
    text-decoration: none !important;
    font-weight: 600;
}


.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit;
    font-weight: 400;
    font-size: 100%;
}

a,a:link,a:focus, a:hover, a:visited {
    color: #8c979a!Important;
    text-decoration: none!Important;	
}

.panel-default > .panel-heading {
    color: #8c979a!Important;
    background-color:white!Important;
    border-color: 0!Important;
    border: 0 solid #fff!Important;
    }


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}


.panel-group {
    margin-bottom: 20px;
    background-color: #F4F4F4;
}





.menuAdjust {
    background-color: #F7F7F7 !important;
    margin: px 0 0 0;
    border: 1px solid #fff !important;
    padding: 5px !important;
}


.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0  solid #ddd!Important;
}



.tabs label-xs {
  display: block;
 padding: 14px 20px!Important;
  /* padding: 14px 127px;*/
  border-radius: 5px 5px 0 0;
  font-size: 20px;

  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
  font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

  font-weight:normal!Important;
  -ms-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-text-size-adjust: 100%!Important;  /* 2 */
  -webkit-font-smoothing: antialiased!Important;
  -moz-osx-font-smoothing: grayscale!Important;

    text-align: center;

}